body{background:url("bg.jpg") repeat-x ;font-family: '宋体';font-size:12px;  text-align:center; color:#222; }
html{ margin:0 auto; padding:0;}
div,form,ul,ol,li,dl,dt,dd,span,p,button,textarea,th,td { margin:0; padding:0;}
input,select{ line-height:16px;vertical-align: middle;}
ul,ol,li{list-style:none;}

#content { width: 650px;margin:80px auto;padding: 0; overflow: hidden;}

#header { margin: 0 auto; width: 450px; padding: 0; height: 40px;}
#header h1{ color: #fffdfe;padding: 1px 1px 2px ; text-align: center;text-shadow:-1px -2px 1px #222;box-shadow:0px 0px #222;}

#content .step { width:100%; height: 30px; line-height: 30px; }
#content .step li {float: left;width: 122px;color:#fff;background: #C2C2C2;text-align: center;border-radius:5px; margin: 0 3px;}
#content .step li.done { background: #669966; }
#content .step li.current { background: #C36615; }

#content .box {margin: 10px auto;padding: 15px 20px 0px 10px;border-radius:5px;background:url("box.jpg");box-shadow: 0px 7px 5px #888;}

#foot { padding: 10px;font-family: Arial, Helvetica, sans-serif;overflow:hidden; text-shadow:-1px -2px 1px #fff;}

#content .box_table{ width: 88%; text-align: center;}
#content td{padding: 15px;border-bottom: 1px dotted #222; }
#content .td1{text-align: left; }
#content .td2{text-align: right; }
#content .td3{text-align: center; }
#content .text{border-width: 1px;border-radius:5px;padding: 5px 5px; margin: 0 10px;}

span.error { background: url(error.gif) no-repeat left center ; padding: 7px 20px;}
span.success { background: url(success.gif) no-repeat left center ; padding: 7px 20px; }
#notice {  padding: 5px 0 10px 10px; height: auto; border: 1px solid #48B9CF; line-height: 22px; overflow: hidden;border-radius:5px; text-shadow: 3px 2px 2px #ddd;display: none; text-align: left; margin-bottom: 10px;}

#content .button{ padding:7px 20px;background:#333;border-radius:4px;border:1px solid #111;color:#fff;cursor: pointer;margin: 0 10px;}
